<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>商城首页</title>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
<meta name="description" content="Write an awesome description for your new site here. You can edit this line in _config.yml. It will appear in your document head meta (for Google search results) and in your feed.xml site description.
">
<link rel="stylesheet" href="lib/weui.min.css">
<link rel="stylesheet" href="css/jquery-weui.css">
<link rel="stylesheet" href="css/style.css">
<style>
	 .rate {
	  background: #131f30;
	  padding-bottom: 20px;
	}
	 .rate .rate-hd {
	  display: -webkit-box;
	  display: -ms-flexbox;
	  display: flex;
	  padding: 15px 16px;
	  border-bottom: 1px solid #081724;
	}
	 .rate .rate-hd li {
	  margin-right: 26px;
	  font-size: 14px;
	  line-height: 13px;
	  color: #6e89aa;
	  font-weight: bold;
	}
	 .rate .rate-hd li.cur {
	  color: #cdd1e7;
	}
	 .rate .rate-list .list-hd {
	  display: -webkit-box;
	  display: -ms-flexbox;
	  display: flex;
	  -webkit-box-align: center;
	      -ms-flex-align: center;
	          align-items: center;
	  padding: 10px 16px;
	}
	 .rate .rate-list .list-hd li {
	  color: #3f556e;
	  font-size: 11px;
	  line-height: 11px;
	  -webkit-box-flex: 1;
	      -ms-flex: 1;
	          flex: 1;
	  text-align: left;
	}
	 .rate .rate-list .list-hd li:last-child {
	  text-align: right;
	}
	 .rate .rate-list .list .list-item {
	  display: -webkit-box;
	  display: -ms-flexbox;
	  display: flex;
	  padding: 21px 16px 21px 16px;
	  border-bottom: 1px solid #1b2b3f;
	}
	 .rate .rate-list .list .list-item .item-field {
	  font-weight: bold;
	  -webkit-box-flex: 1;
	      -ms-flex: 1;
	          flex: 1;
	  text-align: left;
	  display: -webkit-box;
	  display: -ms-flexbox;
	  display: flex;
	  -webkit-box-orient: vertical;
	  -webkit-box-direction: normal;
	      -ms-flex-direction: column;
	          flex-direction: column;
	  -webkit-box-pack: center;
	      -ms-flex-pack: center;
	          justify-content: center;
	}
	 .rate .rate-list .list .list-item .item-field:last-child {
	  text-align: right;
	  -webkit-box-align: end;
	      -ms-flex-align: end;
	          align-items: flex-end;
	}
	 .rate .rate-list .list .list-item .item-field span {
	  color: #d0d4ea;
	  font-size: 15px;
	  line-height: 15px;
	  margin-right: 2px;
	}
	 .rate .rate-list .list .list-item .item-field em {
	  color: #3f556e;
	  height: 10px;
	  font-size: 10px;
	}
	 .rate .rate-list .list .list-item .item-field p {
	  font-size: 14px;
	  line-height: 11px;
	  color: #fff;
	}
	 .rate .rate-list .list .list-item .item-field span {
	  width: 76px;
	  height: 32px;
	  font-size: 14px;
	  border-radius: 1px;
	  text-align: center;
	  line-height: 32px;
	  color: #fff;
	}
	 .rate .rate-list .list .list-item .item-field .down{
		background:#03ad8f;
	}
	 .rate .rate-list .list .list-item .item-field .up{
		background:red;
	}
	 .rate .rate-list .list .list-item .item-field .xiu{
		background:#ccc;
	}
</style>
</head>
<body ontouchstart>
<!--顶部搜索-->
<header class='weui-header'>
  <div class="weui-search-bar" id="searchBar">
    <form class="weui-search-bar__form">
      <div class="weui-search-bar__box">
        <i class="weui-icon-search"></i>
        <input type="search" class="weui-search-bar__input" id="searchInput" placeholder="搜索您想要的商品" required>
        <a href="javascript:" class="weui-icon-clear" id="searchClear"></a>
      </div>
      <label class="weui-search-bar__label" id="searchText" style="transform-origin: 0px 0px 0px; opacity: 1; transform: scale(1, 1);">
        <i class="weui-icon-search"></i>
        <span>搜索您想要的商品</span>
      </label>
    </form>
    <a href="javascript:" class="weui-search-bar__cancel-btn" id="searchCancel">取消</a>
  </div>
</header>
<!--主体-->
<div class='weui-content'>
  <!--顶部轮播-->
  <div class="swiper-container swiper-banner">
    <div class="swiper-wrapper">
      <div class="swiper-slide"><a href="pro_info.html"><img src="upload/ban1.jpg" /></a></div>
    </div>
    <div class="swiper-pagination"></div>
  </div>
  <!--图标分类-->
  <div class="weui-flex wy-iconlist-box">
    <div class="weui-flex__item"><a href="pro_list.html" class="wy-links-iconlist"><div class="img"><img src="images/icon-link1.png"></div><p>精选推荐</p></a></div>
    <div class="weui-flex__item"><a href="pro_list.html" class="wy-links-iconlist"><div class="img"><img src="images/icon-link2.png"></div><p>酒水专场</p></a></div>
    <div class="weui-flex__item"><a href="all_orders.html" class="wy-links-iconlist"><div class="img"><img src="images/icon-link3.png"></div><p>订单管理</p></a></div>
    <div class="weui-flex__item"><a href="Settled_in.html" class="wy-links-iconlist"><div class="img"><img src="images/icon-link4.png"></div><p>商家入驻</p></a></div>
  </div>
  <!--新闻切换-->
  <div class="wy-ind-news">
    <i class="news-icon-laba"></i>
    <div class="swiper-container swiper-news">
      <div class="swiper-wrapper">
        <div class="swiper-slide"><a href="news_info.html">热烈祝贺伟义商城成功热烈祝贺伟义商城成功上线热烈祝贺伟义商城成功上线上线</a></div>
        <div class="swiper-slide"><a href="news_info.html">蓝之蓝股份成公司上市</a></div>
      </div>
      <div class="swiper-pagination"></div>
    </div>
    <a href="news_list.html" class="newsmore"><i class="news-icon-more"></i></a>
  </div>
  <!--精选推荐-->
 <div class="rate">
                                     <ul class="rate-hd">
                                         <li class="cur">涨幅榜</li>
                                         <!--  <li>成交额榜</li>
                                           <li>新币榜</li>-->
                                     </ul>
                                     <div class="rate-list">
                                         <div class="list-wrap">
                                             <ul class="list-hd">
                                                 <li>名称</li>
                                                 <li> 最新价</li>
                                                 <li>涨跌幅</li>
                                             </ul>
                                             <!--首页列表-->
                                             <div class="list">
                                                 <!--  -->
                                                 <a href="/index/goods/goods/pid/18.html">
                                                     <div class="list-item">
                                                         <div class="item-field">
                                                             <div class="field-group">
                                                                 <span>美元/欧元</span><em></em>
                                                             </div>
                                                         </div>
                                                         <div class="item-field">
                                                             <p> 0.84771</p>
                                                         </div>
                                                         <div class="item-field">
                                                             <span class="down">0</span>
                                                         </div>
                                                     </div>
                                                 </a>
                                                 <!--  -->
                                                 <a href="/index/goods/goods/pid/17.html">
                                                     <div class="list-item">
                                                         <div class="item-field">
                                                             <div class="field-group">
                                                                 <span>美元/日元</span><em></em>
                                                             </div>
                                                         </div>
                                                         <div class="item-field">
                                                             <p> 106.372</p>
                                                         </div>
                                                         <div class="item-field">
                                                             <span class="down">0.001</span>
                                                         </div>
                                                     </div>
                                                 </a>
                                                 <!--  -->
                                                 <a href="/index/goods/goods/pid/11.html">
                                                     <div class="list-item">
                                                         <div class="item-field">
                                                             <div class="field-group">
                                                                 <span>美元/加元</span><em></em>
                                                             </div>
                                                         </div>
                                                         <div class="item-field">
                                                             <p> 1.32256</p>
                                                         </div>
                                                         <div class="item-field">
                                                             <span class="down">-0.001</span>
                                                         </div>
                                                     </div>
                                                 </a>
                                                 <!--  -->
                                                 <a href="/index/goods/goods/pid/10.html">
                                                     <div class="list-item">
                                                         <div class="item-field">
                                                             <div class="field-group">
                                                                 <span>美元/澳元</span><em></em>
                                                             </div>
                                                         </div>
                                                         <div class="item-field">
                                                             <p> 1.39333</p>
                                                         </div>
                                                         <div class="item-field">
                                                             <span class="down">-0.001</span>
                                                         </div>
                                                     </div>
                                                 </a>
                                                 <!--  -->
                                                 <a href="/index/goods/goods/pid/9.html">
                                                     <div class="list-item">
                                                         <div class="item-field">
                                                             <div class="field-group">
                                                                 <span>美元/人民币</span><em></em>
                                                             </div>
                                                         </div>
                                                         <div class="item-field">
                                                             <p> 6.93761</p>
                                                         </div>
                                                         <div class="item-field">
                                                             <span class="down">0</span>
                                                         </div>
                                                     </div>
                                                 </a>
                                                 <!--  -->
                                                 <a href="/index/goods/goods/pid/5.html">
                                                     <div class="list-item">
                                                         <div class="item-field">
                                                             <div class="field-group">
                                                                 <span>XRP</span><em></em>
                                                             </div>
                                                         </div>
                                                         <div class="item-field">
                                                             <p> 0.28169</p>
                                                         </div>
                                                         <div class="item-field">
                                                             <span class="down">0.001</span>
                                                         </div>
                                                     </div>
                                                 </a>
                                                 <!--  -->
                                                 <a href="/index/goods/goods/pid/4.html">
                                                     <div class="list-item">
                                                         <div class="item-field">
                                                             <div class="field-group">
                                                                 <span>EOS</span><em></em>
                                                             </div>
                                                         </div>
                                                         <div class="item-field">
                                                             <p> 2.5843</p>
                                                         </div>
                                                         <div class="item-field">
                                                             <span class="down">0.007</span>
                                                         </div>
                                                     </div>
                                                 </a>
                                                 <!--  -->
                                                 <a href="/index/goods/goods/pid/3.html">
                                                     <div class="list-item">
                                                         <div class="item-field">
                                                             <div class="field-group">
                                                                 <span>LTC</span><em></em>
                                                             </div>
                                                         </div>
                                                         <div class="item-field">
                                                             <p> 54.352</p>
                                                         </div>
                                                         <div class="item-field">
                                                             <span class="down">-0</span>
                                                         </div>
                                                     </div>
                                                 </a>
                                                 <!--  -->
                                                 <a href="/index/goods/goods/pid/2.html">
                                                     <div class="list-item">
                                                         <div class="item-field">
                                                             <div class="field-group">
                                                                 <span>ETH</span><em></em>
                                                             </div>
                                                         </div>
                                                         <div class="item-field">
                                                             <p> 384.294</p>
                                                         </div>
                                                         <div class="item-field">
                                                             <span class="down">-0</span>
                                                         </div>
                                                     </div>
                                                 </a>
                                                 <!--  -->
                                                 <a href="/index/goods/goods/pid/1.html">
                                                     <div class="list-item">
                                                         <div class="item-field">
                                                             <div class="field-group">
                                                                 <span>BTC</span><em></em>
                                                             </div>
                                                         </div>
                                                         <div class="item-field">
                                                             <p> 11548.333</p>
                                                         </div>
                                                         <div class="item-field">
                                                             <span class="down">-0</span>
                                                         </div>
                                                     </div>
                                                 </a>
                                                 <!--  -->
 
 
                                             </div>
                                         </div>
                                     </div>
                                 </div>
  <!--酒水专场-->
  
<!--底部导航-->
<div class="foot-black"></div>
<div class="weui-tabbar wy-foot-menu">
  <a href="index.html" class="weui-tabbar__item weui-bar__item--on">
    <div class="weui-tabbar__icon foot-menu-home"></div>
    <p class="weui-tabbar__label">首页</p>
  </a>
  <a href="classify.html" class="weui-tabbar__item">
    <div class="weui-tabbar__icon foot-menu-list"></div>
    <p class="weui-tabbar__label">分类</p>
  </a>
  <a href="shopcart.html" class="weui-tabbar__item">
    <span class="weui-badge" style="position: absolute;top: -.4em;right: 1em;">8</span>
    <div class="weui-tabbar__icon foot-menu-cart"></div>
    <p class="weui-tabbar__label">购物车</p>
  </a>
  <a href="mine.html" class="weui-tabbar__item">
    <div class="weui-tabbar__icon foot-menu-member"></div>
    <p class="weui-tabbar__label">我的</p>
  </a>
</div>

<script src="lib/jquery-2.1.4.js"></script> 
<script src="lib/fastclick.js"></script> 
<script>
  $(function() {
    FastClick.attach(document.body);
  });
</script> 
<script src="js/jquery-weui.js"></script>
<script src="js/swiper.js"></script>
<script>
	$(".swiper-banner").swiper({
        loop: true,
        autoplay: 3000
      });
	$(".swiper-news").swiper({
		loop: true,
		direction: 'vertical',
		paginationHide :true,
        autoplay: 30000
      });
	 $(".swiper-jingxuan").swiper({
		pagination: '.swiper-pagination',
		loop: true,
		paginationType:'fraction',
        slidesPerView:3,
        paginationClickable: true,
        spaceBetween: 2
      });
	 $(".swiper-jiushui").swiper({
		pagination: '.swiper-pagination',
		paginationType:'fraction',
		loop: true,
        slidesPerView:3,
		slidesPerColumn: 2,
        paginationClickable: true,
        spaceBetween:2
      });
</script>
</body>
</html>
